<template>
	<view class="u-flex-col u-row-center u-col-center u-p-t-30 u-p-l-30 u-p-r-30">
		<view class="img-bg u-flex u-row-center u-col-center">
			<image :src="icon" style="width: 55rpx;height: 55rpx;" mode=""></image>
		</view>
		<view class="u-font-26 u-m-t-20 u-text-center">{{name}}</view>
	</view>
</template>

<script>
	export default {
		name:"w-menu-icon",
		props: {
			name: {
				type: String,
				default: ''
			},
			icon:{
				type:String,
				default: '/static/indevIcon1.png'
			}
		},
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss" scoped>
.img-bg{
	width: 88rpx;
	height: 88rpx;
	border-radius: 12rpx;
	background: linear-gradient(90deg, #53e6a8 0%, #52e5a8 100%);
	box-shadow: 0rpx 3rpx 7rpx rgba(9, 206, 103, 0.44);
}
</style>
